<extend name="Layout/layout"/>
<block name="style">
<style>
.fbutton{
    color: rgba(255, 255, 255, .9);
    background: #1E9FFF;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    transition: all .2s;
    -webkit-transition: all .2s;
    position: relative;
    line-height: 40px;
    min-width: 65px;
    padding: 0 15px;
    text-align: center;
    cursor: pointer;
}
.fl{float:left;}
.fr{float:right;}
</style>
</block>
<block name="body">

	<!-- 标题栏 -->
    <div class="main-title" style="float:left;">
		<h2>用户列表</h2>
	</div>
    
	<div class="cf" style="float:left; margin-left:20px;">
		<div class="fl">
            <a class="fbutton btn" href="{:U('Member/add')}">新 增</a>
            <button date-href="{:U('Member/changeStatus',array('method'=>'resumeUser'))}" class="fbutton btn ajax-post fly-ajax-get" date-type="All" target-form="ids">启 用</button>
            <button date-href="{:U('Member/changeStatus',array('method'=>'forbidUser'))}" class="fbutton btn ajax-post fly-ajax-get" date-type="All" target-form="ids">禁 用</button>
            <button class="fbutton btn ajax-post confirm" date-href="{:U('Member/changeStatus',array('method'=>'deleteUser'))}" date-type="AllDel" target-form="ids">删 除</button>
        </div>
        
        <!-- 高级搜索 -->
		<div class="search-form fr cf">
			<div class="sleft" style="padding-left:10px; padding-top:2px;">
				<input style="float:left; width:200px;" type="text" name="nickname" class="search-input layui-input" value="{:I('nickname')}" placeholder="请输入用户昵称或者ID">
				<button style="float:right; margin-left:5px;" class="fbutton btn" href="javascript:;" id="search" url="{:U('index')}">查 询</a>
			</div>
		</div>
    </div>

    <!-- 数据列表 -->
    <div class="data-table table-striped">
        <form class="ids">
            <table class="layui-table" lay-even="">
                <colgroup>
                    <col width="60">
                    <col>
                    <col>
                    <col>
                    <col>
                    <col>
                    <col>
                    <col>
                    <col>
                </colgroup>
                <thead>
                <tr>
					<th class="row-selected row-selected"><input class="check-all" type="checkbox"/></th>
					<th>UID</th>
					<th>昵称</th>
					<th>积分</th>
					<th>登录次数</th>
					<th>最后登录时间</th>
					<th>最后登录IP</th>
					<th>状态</th>
					<th>操作</th>
                </tr>
                </thead>
                <tbody>
                    <notempty name="_list">
						<volist name="_list" id="vo">
							<tr>
					            <td><input class="ids" type="checkbox" name="id[]" value="{$vo.uid}" /></td>
								<td>{$vo.uid} </td>
								<td>{$vo.nickname}</td>
								<td>{$vo.score}</td>
								<td>{$vo.login}</td>
								<td><span>{$vo.last_login_time|time_format}</span></td>
								<td><span>{:long2ip($vo['last_login_ip'])}</span></td>
								<td>{$vo.status_text}</td>
								<td>
									<eq name="vo.status" value="1">
										<a href="{:U('Member/changeStatus?method=forbidUser&id='.$vo['uid'])}" class="ajax-get">禁用</a>
									<else/>
										<a href="{:U('Member/changeStatus?method=resumeUser&id='.$vo['uid'])}" class="ajax-get">启用</a>
									</eq>
									<a href="{:U('Member/edit?uid='.$vo['uid'])}" class="confirm ajax-get">编辑</a>
									<a onclick="javascript:void(0);" class="confirm ajax-get" title="删除" date-href="{:U('Member/changeStatus?method=deleteuser&id='.$vo['uid'])}">删除</a>
					            </td>
							</tr>
						</volist>
					<else/>
						<td colspan="9" class="text-center"> aOh! 暂时还没有内容! </td>
					</notempty>
                </tbody>
            </table>
        </form>
        <!-- 分页 -->
        <div class="page">
            {$_page}
        </div>
    </div>
</block>

<block name="script">
	<script type="text/javascript">
	//搜索功能
	$("#search").click(function(){
		var url = $(this).attr('url');
        var query  = $('.search-form').find('input').serialize();
        query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g,'');
        query = query.replace(/^&/g,'');
        if( url.indexOf('?')>0 ){
            url += '&' + query;
        }else{
            url += '?' + query;
        }
		window.location.href = url;
	});
	//回车搜索
	$(".search-input").keyup(function(e){
		if(e.keyCode === 13){
			$("#search").click();
			return false;
		}
	});
    //导航高亮
    //highlight_subnav('{:U('Member/index')}');
	</script>
</block>
